<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择代表</title>
<script type="text/javascript" src="../js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../js/layer/layer.min.js"></script>
<script type="text/javascript" src="../js/jquery.ui.js"></script>
<link href="../Style/css.css" rel="stylesheet" type="text/css" />
<link href="../Style/smoothness/jquery.ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
     
	$(function(){
		 //全选
		 $("#checkAll").click(function(){
			  if ($(this).attr("checked")) {
				$("input[type='checkbox']").not($("#chakan")).attr("checked", true);
			  } else {
				$("input[type='checkbox']").not($("#chakan")).attr("checked", false);
			  }
		 });
		 
		 //点击选择
		 $('#xuanze').click(function(){
		     var jsonStr="[";
			 if($('input[name^=active]:checked').length>0){
			   $('input[name^=active]:checked').each(function(){
			    var id=$(this).parent().next().text();
				var textValue=$(this).parent().next().next().text();
				var objStr='{"id":"' +id+'","textValue":"'+textValue+'"},';
				jsonStr+=objStr;
			});
		}
			
			 if(jsonStr.charAt(jsonStr.length-1)==','){
			  jsonStr=jsonStr.substr(0,jsonStr.length-1);
			 }
			 jsonStr+="]";
		 
			 var pre= '<b style="margin-left:10px">';
			// +马佳+
			 var mid='</b> <img  onclick="dddd()"  id=';
			
			 //+df+
			 var after=' src="Images/delitem.png" style="cursor:pointer;">';
			
			 var str='';
			 var obj = jQuery.parseJSON(jsonStr);
			 for(var i=0;i<obj.length;i++){
			  // str=str+pre+obj[i].textValue+mid+onj[i].id+after;
			  var sid=obj[i]['id'];
			  var stext=obj[i]['textValue'];
			  str=str+pre+stext+mid+sid+after;
			
			 }
			 $(parent.document.getElementById("xuanzeValue")).append(str);
		
			  parent.layer.closeAll();
		 });
		
	});
	
</script>
</head>
<body>
  <div class="content" style="height:750px;">
    	<div class="search">
			 <table cellpadding="0" cellspacing="0">
            	<tr>
                	<th>任届：</th>
                    <td width="60">
						<select name="" class="select110" style=" width:180px">
                            <option>第十四届</option>
                            <option>第十三届</option>
                            <option>第十二届</option>
                            <option>第十一届</option>
                            <option>第十届</option>
					  </select>					</td>
                    <th>代表姓名：</th>
                    <td  width="150"><input  name="" type="text" value="" class="input185" /></td>
					<th>代表证号：</th>
					<td  width="200">
						<input name="" type="text" value="" class="input185" />					</td>
                </tr>
                <tr>
               		<th>代表联组：</th>
					<td>
						<select name="" class="select110" style=" width:180px">
							<option>请选择...</option>
                            <option>八角代表联组</option>
							<option>古城代表联组</option>
							<option>苹果园代表联组</option>
							<option>老山代表联组</option>
							<option>金顶街代表联组</option>
							<option>鲁谷代表联组</option>
							<option>八宝山代表联组</option>
							<option>五里坨代表联组</option>
							<option>广宁代表联组</option>
							<option>首钢代表联组</option>
					  </select>					</td>
					<th>常委会委员：</th>
                    <td>
						<select name="" class="select110" style=" width:180px">	
							<option>请选择...</option>
                            <option>是</option>
                            <option>否</option>
					  </select>					</td>
					<th>工作委员会：</th>
					<td>
						<select name="" class="select110" style=" width:180px">	
							<option>请选择...</option>
                            <option>内务司法工作委员会</option>
                            <option>财政经济工作委员会</option>
                            <option>教科文卫工作委员会</option>
                            <option>城建环保工作委员会</option>
						 </select>					</td>
			  </tr>
				 <tr>
					<th>专业代表小组：</th>
					<td>
						<select name="" class="select110" style=" width:180px">
							<option>请选择...</option>
                            <option>科技</option>
                            <option>妇女</option>
                            <option>司法</option>
                            <option>城建</option>
                            <option>教育</option>
                            <option>卫生</option>
                            <option>文化</option>
							<option>财经</option>
					  </select>					</td>
					<th>&nbsp;</th>
					<td>&nbsp;</td>
					<th colspan="2">&nbsp;</th>
				 </tr>
                <tr><td class="line" colspan="6"></td></tr>
                <tr>
               	  <th>&nbsp;</th>
                  <td colspan="2">&nbsp;</td>
                  <td colspan="3" align="right" valign="bottom">
                  	<input name="" type="button" value="查 询"  class="button_search mr15"/>
                    <input name="" type="button" value="删 除"  class="button_export mr15"/>                  </td>
        		</tr>
            </table>
        </div>
    <div class="listtable">
      <div class="listheader">
        查询结果
        <input style="margin-top:5px;" class="button_search mr5 fright" type="submit" name="button5" id="xuanze" value="选择"/>
        </div>
        <div class="listheader" style="color:#0000FF">
                （符合条件代表共10人）
                <input id="chakan" name=""  type="checkbox" value=""/>
                查看选中
            </div>
		<table cellpadding="0" cellspacing="0" width="100%">
           	<tr class="listtable_tr">
           		<th width="4%"><input id="checkAll" type="checkbox" value="" /></th>
               	<th width="12%">代表证号</th>
                <th width="14%">姓名</th>
                <th width="12%">任届</th>
                <th width="5%">性别</th>
                <th width="8%">名族</th>
                <th width="9%">常委会委员</th>
                <th width="20%">工作委员会</th>
                <th width="16%">专业代表小组</th>
            </tr>
            <tr>
                <td width="28"><input name="active1" type="checkbox" value="" /></td>
                <td>10001</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>内务司法工作委员会</td>
                <td>司法</td>
            </tr>
            <tr class="td_repeat">
                <td width="28"><input name="active2" type="checkbox" value="" /></td>
                <td>10002</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>财政经济工作委员会</td>
                <td>财经</td>
            </tr> 
            <tr>
                <td width="28"><input name="active3" type="checkbox" value="" /></td>
                <td>10003</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>法制委员会</td>
                <td>司法</td>
            </tr>
            <tr class="td_repeat">
                <td width="28"><input name="active4" type="checkbox" value="" /></td>
                <td>10004</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>法制委员会</td>
                <td>司法</td>
            </tr>
            <tr>
                <td width="28"><input name="active5" type="checkbox" value="" /></td>
                <td>10005</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>财政经济工作委员会</td>
                <td>财经</td>
            </tr>
            <tr class="td_repeat">
                <td width="28"><input name="active6" type="checkbox" value="" /></td>
                <td>10006</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>财政经济工作委员会</td>
                <td>财经</td>
            </tr>
            <tr>
                <td width="28"><input name="active7" type="checkbox" value="" /></td>
                <td>10007</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>教科文卫工作委员会</td>
                <td>教育</td>
            </tr>
            <tr class="td_repeat">
                <td width="28"><input name="active8" type="checkbox" value="" /></td>
                <td>10008</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>城建环保工作委员会</td>
                <td>城建</td>
            </tr>
            <tr>
                <td width="28"><input name="active9" type="checkbox" value="" /></td>
                <td>10009</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>城建环保工作委员会</td>
                <td>城建</td>
            </tr>
            <tr class="td_repeat">
                <td width="28"><input name="active10" type="checkbox" value="" /></td>
                <td>10010</td>
                <td>张三</td>
                <td>第十三届</td>
                <td>男</td>
                <td>汉</td>
                <td>是</td>
                <td>城建环保工作委员会</td>
                <td>城建</td>
            </tr>
        </table>
      </div>
      <div class="bd_pagex clearfix" style="display: block; ">
     	<a href="#">上一页</a>
            <a href="#"> 1</a>
            <a href="#">2</a>
           <span class="cur">3</span>
           <a href="#">4</a>
           <a href="#">5</a>
           <a href="#">下一页 </a>
       		跳转到<input name="" type="text" />页
       <a href="#">跳转</a>
    </div>
  </div>
</body>
</html>
